<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>

        <title>#{msg.modificar_titulo}</title>

    </h:head>
    <h:body style="background-image: url('/images/fondogris.jpg')">

        <p:growl showDetail="true" id="mensajes"/>
<h:form>
            <p:menubar>
                <p:menuitem value="#{msg.inicio}" icon="ui-icon-home" url="/index.html"></p:menuitem>

                <p:submenu label="#{msg.eventos}" icon="ui-icon-gear">
                    <p:submenu label="#{msg.empresa}" icon="ui-icon-contact">
                        <p:menuitem value="#{msg.coffee}" url="#" />
                        <p:menuitem value="#{msg.finger}" url="#" />
                        <p:menuitem value="#{msg.Cocktails}" url="#" />
                        <p:menuitem value="#{msg.comidas}" url="#" />
                    </p:submenu>
                    <p:separator />
                    <p:submenu label="#{msg.particular}" icon="ui-icon-contact">
                        <p:menuitem value="#{msg.bodas}" url="#" />
                        <p:menuitem value="#{msg.comuniones}" url="#" />
                        <p:menuitem value="#{msg.Cocktails}" url="#" />
                    </p:submenu>
                </p:submenu>
                <p:menuitem value="#{msg.espacios}" icon="ui-icon-home" url="irAdmin-flow"></p:menuitem>

                <p:menuitem value="#{msg.contacto}" url="mensaje-flow" icon="ui-icon-pencil"></p:menuitem>

                <p:menuitem value="#{msg.administracion}" icon="ui-icon-wrench" url="irAdmin-flow"></p:menuitem>

                <p:menuitem value="#{msg.pedidos}" icon="ui-icon-cart"></p:menuitem>

                <p:menuitem value="#{msg.desconectar}" url="desconectar-flow" icon="ui-icon-close" />
            </p:menubar>
        </h:form>

        <p:fieldset legend="Menu de Actualizacion" toggleable="true" toggleSpeed="500" collapsed="false">
            <p:ajax event="toggle" listener="#{fieldsetBean.handleToggle}" update="growl" />

            <p:panel header="Producto Seleccionado">
                <h:panelGrid columns="3">
                    <p:column>
                        <h:outputText  value="#{prod.nombre}"/>
                    </p:column>
                    <p:column> 
                        <h:outputText value="#{prod.precio}"/>
                    </p:column>
                    <p:column>   
                        <h:outputText value="#{prod.tipo}"/>
                    </p:column>
                </h:panelGrid>
            </p:panel>

            

                <p:panel header="Modificar Producto Seleccionado">
                    <h:panelGrid columns="3">
                        <h:form>
                        <h:inputText id="nombre" value="#{productoController.mi_producto.nombre}" title="Introduce el nombre del producto"/>
                        <p:tooltip for="nombre" showEvent="focus" hideEvent="blur" />
                        <br/>
                        <h:inputText id="precio" value="#{productoController.mi_producto.precio}"  title="Introduce el precio del producto"/>
                        <p:tooltip for="precio" showEvent="focus" hideEvent="blur" />
                        <br/>
                        <p:selectOneMenu value="#{productoController.mi_producto.tipo}" effect="drop" id="tipo">
                            <f:selectItem itemLabel="#{msg.selecciona}" itemValue="0" />
                            <f:selectItem itemLabel="#{msg.comida}" itemValue="comida" />
                            <f:selectItem itemLabel="#{msg.bebida}" itemValue="bebida" />
                        </p:selectOneMenu>
                        <center><p:commandButton value="Modificar" action="mod"  update="mensajes" ajax="false" style="margin:10px 0"/></center>
                        </h:form>
                    </h:panelGrid>
                </p:panel>
        </p:fieldset>


       


    




















    <br/>
    <center><h:outputLink value="/index.html" style="color: white">#{msg.ir_a_inicio}</h:outputLink></center>

</h:body>
</html>
